النموذج 6020 : 


يستخدم فص إدخال بياناتك عن طريق صفحة الويب التفاعلية استخدام لغة ١1۲۸1‏ . ومن خلال 


النموذج يمكنك إضافة مجموعة عناصر لصفحة الويب منها ازرار وحقول لإدخال بياناتك بغرض 


ارسالها لموقع الويب ليتم 2 ويتم استخدام الامر <6020/> ...... <ÊOCM>‏ 


يتيح للزائر إدخال بيانات نصية عن طريق ا 


إضافة صندوق نصى : 
لي صندوق النص . مثل الاسم او السن 


وذلك باستخدام الامر : > ”ع 


كما تعلمت سابقا لكتابة الاوامر نتبع الاد 


<form> ا‎ 
الاسم‎ . note pad فتح برنامج‎ - 
<input type = “text” > Û . كتابة الكود المطلوب‎ - 


</form> 
. ۸٤۸1 حفظ الملف النصی بامتداد‎ - 


- فتح الملف عن طريق برنامج مستعرض الانترنت . 


إضافة حقل كلمة المرور 655800020 : 
يظهر الرمز ٠‏ عند كتابة كلمة المرور لإخفاء مكونات كلمة المرور الحقيقية . 


<input type = “password” > : وذلك باستخدام الامر‎ 


إضافة زر اختيار بديل واحد 0مغ6غن8 89016 
يسمح لك باختيار بديل واحد فقط من عدة بدائل . 
مثل ادخال النوع ( ذكر / أنثى ) أو الديانة ( مسلم / مسيحى ) 


<input type = “radio” > : وذلك باستخدام الامر‎ 


<form> 
انامس كذكر‎ type = “radio” > 


input type = “radio” <‏ >أنثى 
</form>‏ 


$ 


لاحظ فص الشكل السابق يمكنك اختيار ا ولمعالجة ذلك لکی يتم اختيار زر واحد فقط يتم 


استخدام ا مخاصية 20 لتحديد اسماء آزرار آ < لکی يتم اختيار احد الزرين فص كل مرة 


<form> : نتبع الات‎ 
رکد<input‎ type = “radio” name =“a” > 
ىثنأ>in‎ put type = “radio” name =“ a” < . ا- إعطاء اسم مثل ”ه“ لزر الاختيار الاول‎ 


</form> . إعطاء نفس الاسم ”3“ لزر الاختيار الثاني‎ -٣ 


صندوق الاختيار Check 80x‏ 
يسمح لك باختيار اكثر من اختيار فى نفس الوقت من عدة بدائل . 
باستخدام الامر > <input type = “checkbox”‏ 


مثل اللغات الى تجيدها او الهوايات المفضلة 


أنواع الازرار التى بمكن إضافتها للنموذج 
١‏ - زرالامر ممءععن8 

يستخدم لتنفيذ أحد المهام التى تقوم بتحديدها من خلال كتابة الاكواد . 
بالكود التالى : > <input type = “button”‏ 


<form> 
: ۷ةاue الخاصية‎ 


<input type = “button” value = ‘ok”> 


لتحديد النص الذص يظهر علص الزر </form>‏ 


؟- زرالارسال submit‏ 2 


يقوم بإرسال بياناتك التصى تدخلها شرا چت أخرى . 


وذلك باضافة الخاصية ١٠٤ء۸‏ الخاصة بال ocm‏ 


يتم إضافة زر الارسال بالأمر الاتاى : = <input type‏ 


۴۳- زرالحذف Reset‏ حم 
يستخدم لحذف القيم التى سبق إدخالها والعودة للقيم e BSS an‏ 


<input type = “reset” > : نستخدم الامر الاتی‎ 


الوحدة الثانية : مدخل للغة )5 Java‏ 


لخد Java Script‏ 
تستخدم لغة جافا للتأكد من صحة البيانات التى قمت بإدخالها كما تعلمنا سابقاً مما تجعل صفحة 


تسجيل بياناتك صفحة تفاعلية » وذلك لان لغة 110/1 لن تمكنك من التأكد من صحة البيانات . 


أساسيات لغة Sip‏ داج 
- اوامر وتعليمات لغة 6م5621 312ل تسمى جمل 5636606065 . 
- تكتب الاوامر والتعليمات ( الجمل ) داخل كود ا1۲۸ . 

- تكتب جمل 6م)»©5 3103ل داخل الامر <6)م5»)1/> .. <6]م1)©و> . 
- يجب إنهاء كل جملة بفاصلة منقوطة : 


- يوضع فص الاعتبار حالة الاحرف صغيرة ام كبيرة عند كتابة الجمل . 


جملة اة 


تستخدم لعرض رسالة داخل ضذ يجذب الانتباه لقراءتها . ebb‏ 


نستخدم الامر التالى : سي “) Alert‏ ;(”مرحبا بكم “) :2161 


</script> 


يجب وضع الرسالة بين علامتی تنصيص 


جملة ١ document.write‏ چ 
تستخدم لإظهار رسالة مكتوبة على صفحة الويب نفسها . حب 


نستخدم الامر : :(”الرسالة document.write(“‏ ` حي 


استدعاء كود 6م5001 [٥۷٥‏ باستخدام زر الامر 05غ66ن8 : 


لاحظنا فيما سبق ان الاوامر المكتوبة داخل الامر <5©2)106> يتم تنفيذها تلقائياً . 


ولكن اذا اردت تنفيذها بعد وقوع حدث معين سوف نحتاج الى الدوال ٥۶‏ ٥oاctہں۴‏ . 


e Function الدالكة‎ 

هص مجموعة من الاوامر تنفذ عند استدعائها ويجب إعطاء اسم مناسب للدالة يدل علص 
وظيفتها . 

إنشاء الدالة Function‏ 

. اكتب الامر 100غ©0نت ثم اكتب اسم مناسب للدالة يدل علص وظيفتها‎ -١ 


- اكتب الكود الذص سيتم تنفيذه بين القوسين ( ) حيث يتم تنفيذه عند استدعاء الدالة . 


( )اسم الدالة Function‏ 


- لتنفيذ اى كود للدالة يجب استدعائها أولا . 


{ 
@ كود 


SS 
ST ۴Fuacti0۸ استدعاء الدالة‎ 


-١‏ يتم إضافة زر م6مغغن 8‏ ©- إضافة الخاص 


6u ٤٤0۸ لزر الامر‎ © 


۳- الخاصية ء ناء 06 تكون قيمتها اسم الدالة المراد 


<body> 

<input type = “button” _ onclick = 
“country” ) ( value = click me> 
<script> 

والخاصية ٠ا۷‏ لاعطائها الاسم „e‏ )اء . () Function country‏ 
{ 

و(”جمهورية مصر العربية “) Al1e٤‏ 

} 

</script> 

</body> 


الخاصية )عءأاءمه لاستدعاء الدالة "لءtمuهcء"‏ 


التفرع ومأاء6هع8 


تنفيذ او عدم تنفيذ مجموعة اوامر طبقا لنتيجة اختبار تعبير شرطى معين . 


ه1111 | ( نتبير الشرطى ) If con dito‏ 
الاوامر التى تنفذ عند تحقق الشرط 


بعد 16 يكتب التعبير الشرطص المراد اختباره 


لو تحقق الشرط يتم تنفيذ الاوامر التص بين [ ) . 


code 
1 


csoript> 

ا )( function country‏ 
ا- صندوق نص 
- زر امر مجموع if (om! t1 .value>=50)‏ 
يتم ادخال الدرجة اعلا عن داله پاس ارام | 


ووو ا (ناجم) ام 
۱ 

فموع تفر رسا اسندعاء الداله 
ناجح اذا كانت الدرجة أء ثم استخدام جملة ][ بحيث اذا كانت 
الفيمةُ المدخلهُ فى صندوق النص 1) ماو 


المدخلة فى صندوق النص 1 
ابر من 0١‏ برص رسالة ناجم 


اكبر من او تساوی 0٠‏ 


التحقق من صحة البيانات ال مدخلة 
هى عملية التحكم فص البيانات التى يتم إدخالها . مثل : 


- ترك حقول فارغة . - كتابة عدد غير محدد من الحروف فص | 


- ادخال ای نوع من البيانات 


عدم ترك حقل فارغ Required Field‏ 
باستخدام امر الشرط if (form1.text1.value=="){‏ 
صمم صفحة ويب بها الاتى : 

- صندوق نص لإدخال اسم الطالب . 

- زر 00616 طلاو مع تخصيص القيمة ” ارسال ” للخاصية ue‏ ا٥۷‏ . 
وذلك داخل نموذج <6020> بحيث : 


عند الضغط على زر ارسال بدون ادخال اسم الطال 


يظهر صندوق النص به س ک8 بها 
کک 


غير مسموح بترك حقل الاسم فا 
<form name—’form1]l’ action—=" data php’ >‏ 


أدخل اسح اثطاتي 

<input عدم صر يلاغ‎ text” name—= text] > <br><br> 
<input type—= submit’ value—” Jll" onclick—= return f1 (): /> 
</form> 

<script> 

function +10 

if (form 1 text] -value——""){ 

:”غير مسموح يترك حقل الاح فارخ ”)314 

return false; 

} 

} 


</script> 


<focm name = “form1” action = “data.php”> 


الخاصية © : تعطص اسم للنموذج للتعامل معه والاسم هنا 665201 . 
الخاصية 32661600 : تحدد العملية التى سوف يتم تنفيذها عند الضغط على زر 6016لا5 . وتكون 


عملية ارسال البيانات التى ادخلها المستخدم الى صفحة ويب اخرص مخزنة علص جهاز الخادم . 


<input type = “text” name = “text1” > - 


Q٠ اضافة صندوق نص‎ 
<input type = “submit” value = r lick = return f1 ();/> - 


الخاصية ١٠ا۷‏ لكتابة كلمة ارسال علص رز xg‏ 

الخاصية 001661 : لاستدعاء الدالة باسم O‏ 

الامر ١١٠٠ء‏ : لاستقبال القيمة الراجعة من تنفيذ الدآلة 
ااا 5 

¥ 0 Function 6 )( { 


إنشاء داله باسم 61 واستدعاء الاوامر التى تليها عند الضغط على زر 616لا . 


If ( form1.text1 . Value = = “”){ 


الامر ۴¡ لاختبار محتوى مربع الكتابة اذا ان فارغ ينفذ الامر الذص يليه . 


;(”غير مسموح بترك حقل الاسم فارغ “ ) غ)عام 
الرسالة التى تظهر فى حالة تحقق الشرط فص جملة 16 


الخاصية 03006 : تعطى اسم للنموذج للتعامل معه 
الخاصية 2261600 : تحدد العملية التى سوف يتم تنفيذها عند الضغط على زر 6ؤألطلاو . 
الامر _206دا)ع» : لاستقبال القيمة الراجعة من تنفيذ الدالة . 


. 6 لإرجاع قيمة 650156 الى الدالة‎ : Return false 


التحكم فى طول البيان المدخل بالحقل 

ااا > ى ا 
من الرموز دا 

نستخدم امر الشرط التالاى : ايم سا0 


هذا يعنى ان عدد الحروف المدخلة لا تقل 400 


مطابقة البيانات المدخلة فى حقلين F8‏ 
يقصد به مطابقة محتوىص صندوقص الكتابة وفص حالة 83 يظهر رسالة بذلك . 
نستخدم أمر الشرط التالى 


IF (fFocm1.text1.value!==form1.text2.value){ 


هنع إدخال نوع من البيانات مخالف لنوع الحقل 
وذلك عند ادخال قيمة غير عددية داخل محتوی صندوق نص يطلب ادخال قيمة عددية . 
نستخدم أمر الشرط التالى : 


If (isNaN(form1.text1.value)){ 


الوحدة الثالث : الاستخدام الا من للانترنت 


سرقة الهوية ۲۸۴ بضاءمء0ا 

انتحال او استخدام شخص ما » اسم شخص آخر او الى معلومات تتعلق به لسرقته او سرقة غيره . 
البرامج الضارة ع2تن«ادالا 

هى برامج عدائية ومتطفلة ومزعجة تتسلل مستترة لأنظمة البرامج للكمبيوتر واسمها مشتق من 
Malicious‏ خبيث ۰ 11/366 غ506 برامج . يمكن تفاديها باستخدام برامج مكافحة الفيروسات . 


الفيروس و5دم1لا 


برنامج صغير ضار له قدرة على الانتشاً يصيب أجهزة الكمبيوتر والبرامج . 


تخدمين دون موافقتهم . 
لتفادى ذلك استخدام برامج الكشف عن الملفات الخ فات التجسس والملفات الدعائية 
والملفات التى تسيطر على متصفح الانترنت . ۰ QC‏ 
الرموز السرية ) 3 
هى كافة البيانات الشخصية التى تخص الفرد الذص يتعامل مع وسائل التكنولوجيا والتى لا ينبغخىی 
الكشف عنها » مثل اسم المستخدم وكلمة المرور عند التعامل مع الانترنت او الهاتف المحمول . 
ارشادات هامة للاستخدام الآمن للانترنت 
ا- الحفاظ علص كلمة المرور واسم المستخدم الخاصين بك وعدم نشرها . 


')- التفكير قبل نشر ای صور شخصية او ارسال ملفات صوت وفيديو عبر الانترنت . 


۳- استئذان صاحب الشأن قبل نشر صوره او رقم تليفونه وغيرها . 


اص رسائل مجهولة المصدر . 


7- لا تقم بإرسال ايه رسائل وأنت غاضباً . 


۷- يجب اتخاذ موقف حيال عمليات التعدص الى تتعرض إليها . 


/ - تعلم كيفية حظر وصول بعض الاشخاص الى غرف الدردشة والإبلاغ عنهم . 


9 - حظر الرسائل العدائية او استلام ای رسائل 


مزعجة . 


. ادراك ان الحوارات عبر الانترنت ليس ذات خصوصية‎ -٠١ 


Cyber Bullying 
identity theft 


ا 


Term 31 


Acceptable Use 


الاستخدام المقيول تالاتترتت 
Policy‏ 


1 
م 


vı 


Asking for Help 


Web Blog الإإتترتت‎ 
البلوتوث‎ 


معوتة على 
Bluetooth‏ 


Computer Network 
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رسائل مزعجة 


التصيد الا 


Social interactive التلفزيون الاجتماعي‎ 


television 


E 


الازدراء 


